﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link href="CSS/reg.css" rel="Stylesheet" type="text/css"  />
    <link rel="Bookmark" href="IMG/V.ico" />
    <link rel="Shortcut Icon" href="IMG/V.ico" />
    <title>用户注册</title>
    
    <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>
<script src="JS/function.js" type="text/javascript"></script>

</head>


<body>
	
				
					<!-- 分拆补充资料部分 Start -->
<%--					<div class="err-info" id="sysmessage" style="DISPLAY: none"></div>
					<input id="tmp" type="hidden"  name="tmp" />--%>
	<form id="regform" runat="server">
	
	<div class="header">
				<A href="Index.aspx/"><img id="Img1" class="logo alt=VPI视点资讯" runat="server" src="IMG/reg/logo_netease.gif" /></A>
				<div class="logo_w" title="VPI视点资讯 -- 最具特色的新闻资讯平台"></div>
			</div>
			<div class="content">
				<div class="mhd">
					<div class="tit">欢迎注册 VPI视点资讯新闻平台</div>
				</div>
				<div class="mcont">
				
		<div class="main-cont">
		  <div class="main-cont-tit">
				<div class="arr"></div>
					<H2>创建帐号</H2>
			</div>
							
			<table class="cont-tab" style="TABLE-LAYOUT: fixed" cellpadding="0" cellspacing="0">
			
								<!-- *******************************************************************************************************-->
					
								<!--用户名的处理 Start-->
<%--							<input id="domain" type="hidden" name="domain" />
								<input id="username" type="hidden" name="username" />
								<input id="birthday" type="hidden" name="birthday" />
								<input id="crypt" type="hidden" name="crypt" />--%>
								
								<tbody>

									<tr id="tr_input_username">
									  <td class="td1">用户名：<span class="nes"">*</span></td>
									  <td class="td2">
											<div class="fle">
												<input class="inp ipt-normal" id="inp_uname" style="FONT-WEIGHT: bold; WIDTH: 205px" maxlength="18" name="inp_uname" runat="server" />
													<!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
													<!--  <strong id="st_userAtDomain" style="display: none"></strong> -->
											</div>
											<input class="btn-jc fri" id="btn_chk" type="button" value="检测" />
												<!--  
												<input id="btn_modify" type="button" value="更改" 
												class=""btn-jc" style="display:none" 
												onclick="$('#inp_uname')
												.show();$('#st_domain')
												.show();$('#tr_chk_username_result')
												.show();$('#btn_chk')
												.show();$('#btn_modify')
												.hide();$('#st_userAtDomain').hide();"/>
-->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="uname_ico_ok" title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="uname_ico_err" title="错误" style="DISPLAY: none"></b>
												<!--正常提示 Start-->
												<div class="info-pop" id="div_uname_rule">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont">·6~18个字符，包括字母、数字、下划线 <br/>·字母开头，字母和数字结尾，不区分大小写<br/></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--正常提示 End-->
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_uname_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_uname_err_info">该用户名已被占用</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>

									<!--用户名的处理 Ent-->
									
									<!-- *******************************************************************************************************-->

									<tr>
										<td class="td1">密 码：<span class="nes">*</span></td>
										<td class="td2">
											<input class="inp ipt-normal" id="password" type="password" maxlength="16" name="password" runat="server" />
										    <!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="password_ico_ok" title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="password_ico_err" title="错误" style="DISPLAY: none"></b>
												<!--正常提示 Start-->
												<div class="info-pop" id="div_password_rule" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont">6～16个字符（字母、数字、特殊符号）,区分大小写<br/>
															<div class="fle">密码强度：
																<span class="Cred">弱</span>
															</div>
															<div class="psw-sinfo">
																<div class="bar state0" id="div_passowrd_Strong">
																<!-- 此div中 class state0 至 state4 依次从弱至强 -->
																</div>
															</div>
															<span class="fle Cblue">强</span>
															<div class="clear"></div>
														</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--正常提示 End-->
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_password_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_password_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
									
									<!-- *******************************************************************************************************-->

									<tr>
										<td class="td1">再次输入密码：<span class="nes">*</span></td>
										<td class="td2">
											<input class="inp ipt-normal" id="passwordconfirm" onfocus="this.className='inp ipt-focus'" type="password" maxlength="16" name="passwordconfirm" runat="server" />
											<!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="passwordconfirm_ico_ok" title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="passwordconfirm_ico_err" title="错误" style="DISPLAY: none"></b>
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_passwordconfirm_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_passwordconfirm_err_info">两次输入密码不一致</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
								</tbody>
				</table>
<!-- *******************************************************************************************************-->
<!-- *******************************************************************************************************-->
<!-- *******************************************************************************************************-->

				<div class="main-cont-tit">
								<div class="arr"></div>
								<H2>安全信息设置</H2>
								<span class="fle Cgray">（以下信息非常重要，请慎重填写）</span>
				</div>
				
													<!-- *******************************************************************************************************-->

				<table class="cont-tab" style="TABLE-LAYOUT: fixed" cellSpacing="0cellPadding=0">
						<tbody>
									<tr>
										<td class="td1">密码保护问题：<span class="nes">*</span>
										</td>
										<td class="td2">
											<select class="sel" id="secproblem" onchange="changeQuestion(this)" name="secproblem">
												<option style="COLOR: #666" value="0" selected>请选择密码提示问题</option>
												<option value="您母亲的姓名是?">您母亲的姓名是?</option>
												<option value="您父亲的姓名是?">您父亲的姓名是?</option>
												<option value="您配偶的姓名是?">您配偶的姓名是?</option>
												<option value="您母亲的生日是?">您母亲的生日是?</option>
												<option value="您父亲的生日是?">您父亲的生日是?</option>
												<option value="您配偶的生日是?">您配偶的生日是?</option>
												<option value="您的出生地是?">您的出生地是?</option>
												<option value="您的小学校名是?">您的小学校名是?</option>
												<option value="您的中学校名是?">您的中学校名是?</option>
												<option value="您的大学校名是?">您的大学校名是?</option>
												<option value="cusproblem">您的自定义问题</option>
											</select>
										</td>
										<td class="td3">
											<div class="info">
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_secproblem_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_secproblem_err_info">请选择密码保护问题</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b><b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
									
									<!-- *******************************************************************************************************-->

									<tr id="tr_cusproblem" style="DISPLAY: none">
										<td class="td1">请输入自定义的问题：<span class="nes">*</span></td>
										<td class="td2">
											<input class="inp ipt-normal" id="cusproblem" onfocus="this.className='inp ipt-focus'" maxlength="36" name="cusproblem" runat="server" />
										    <!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="cusproblem_ico_ok" title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="cusproblem_ico_err" title="错误" style="DISPLAY: none"></b>
												<!--正常提示 Start-->
												<div class="info-pop" id="div_cusproblem_rule" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont">6～36个字符,字母区分大小写,一个汉字占两个字符.</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--正常提示 End-->
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_cusproblem_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_cusproblem_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
									
									<!-- *******************************************************************************************************-->

									<tr>
										<td class="td1">密码保护问题答案：<span class="nes">*</span></td>
										<td class="td2">
											<input class="inp ipt-normal" id="secanswer" onfocus="this.className='inp ipt-focus';" maxlength="30" name="secanswer" runat="server">
											<!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="secanswer_ico_ok" title="正确" style="DISPLAY: none"></b>
													<b class="ico-error" id="secanswer_ico_err" title="错误" style="DISPLAY: none"></b>
												<!--正常提示 Start-->
												<div class="info-pop" id="div_secanswer_rule" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b><b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont">4～30个字符,字母区分大小写,一个汉字占两个字符.</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b><b class="cr-r"></b>
													</div>
												</div>
												<!--正常提示 End-->
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_secanswer_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_secanswer_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>

									<!-- *******************************************************************************************************-->

									<tr>
										<td class="td1">真实姓名：<span class="nes">*</span>
										</td>
										<td class="td2">
											<input class="inp ipt-normal" id="realname" onfocus="this.className='inp ipt-focus'" maxlength="24" name="realname" runat="server" />
											<!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="realname_ico_ok" title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="realname_ico_err"  title="错误" style="DISPLAY: none"></b>
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_realname_err" style="DISPLAY: none">
												<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_realname_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
									
									<!-- *******************************************************************************************************-->

									<tr>
										<td class="td1">性 别：<span class="nes">*</span></td>
										<td class="td2" style="FONT-SIZE: 14px">
											<LABEL for=rd1>
												<input id="rd1" onclick="$('#div_gender_err').hide()" type="radio" value="0" name="gender" runat="server" />男
											</LABEL>&nbsp;&nbsp;&nbsp;&nbsp;
											<LABEL for=rd2>
												<input id="rd2" onclick="$('#div_gender_err').hide()" type="radio" value="1" name="gender" runat="server" />女
											</LABEL>
										</td>
										<td class="td3">
											<div class="info">
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_gender_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont">请选择性别</div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
									
									<!-- *******************************************************************************************************-->


									<tr>
										<td class="td1">出生日期：<span class="nes">*</span></td>
										<td class="td2" style="FONT-SIZE: 14px">
											<input class="inp ipt-normal" id="year" onKeyUp="this.value=this.value.replace(/\D/g,'')"
												style="WIDTH: 80px" onFocus="this.className='inp ipt-focus'" maxlength="4" name="year" 
												onafterpaste="this.value=this.value.replace(/\D/g,'')" runat="server" />年 
											<input class="inp ipt-normal" id="month" onkeyup="this.value=this.value.replace(/\D/g,'')"
												style="WIDTH: 50px" onfocus="this.className='inp ipt-focus'" maxlength="2" name="month"
												onafterpaste="this.value=this.value.replace(/\D/g,'')" runat="server" />月
											<input class="inp ipt-normal" id="day" onkeyup="this.value=this.value.replace(/\D/g,'')"
												style="WIDTH: 50px" onfocus="this.className='inp ipt-focus'" maxlength="2" name="day"
												onafterpaste="this.value=this.value.replace(/\D/g,'')" runat="server" />日
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="birthday_ico_ok"  title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="birthday_ico_err"  title="错误" style="DISPLAY: none"></b>
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_birthday_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_birthday_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>


									<!-- *******************************************************************************************************-->

									<tr>
										<td class="td1">E-mail：<span class="nes">*</span></td>
										<td class="td2">
											<input class="inp ipt-normal" id="email" onfocus="this.className='inp ipt-focus'" maxlength="30" name="email" runat="server" />
											<!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="email_ico_ok"  title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="email_ico_err"  title="错误" style="DISPLAY: none"></b>
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_email_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_email_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
								</tbody>
							</table>

<!-- *******************************************************************************************************-->
<!-- *******************************************************************************************************-->
<!-- *******************************************************************************************************-->

							<div class="main-cont-tit">
								<div class="arr"></div>
								<H2>注册验证</H2>
							</div>
							
							<table class="cont-tab" style="TABLE-LAYOUT: fixed"  cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td class="td1">&nbsp;
										</td>
										<td class="td2">
											<img alt="看不清？点击更换" onclick="this.src=this.src+'?'" src="Common/RegVerifyCode.aspx" width="200px" height="40px" />
										</td>
										<td class="td3">&nbsp;</td>
									</tr>
									<tr>
										<td class="td1">请输入上边的字符：<span class="nes">*</span>
										</td>
										<td class="td2">
											<input class="inp ipt-normal" id="authcode" onblur="this.className='inp ipt-normal'" onfocus="this.className='inp ipt-focus'" maxlength="16" name="authcode" runat="server" />
											<!--输入框3种状态 “ipt-normal”-正常，“ipt-focus”-获取焦点，“ipt-error”-正常， -->
										</td>
										<td class="td3">
											<div class="info">
												<b class="ico-ok" id="authcode_ico_ok"  title="正确" style="DISPLAY: none"></b>
												<b class="ico-error" id="authcode_ico_err"  title="错误" style="DISPLAY: none"></b>
												<!--错误提示(下面的div增加了一个“I-error”调用) Start-->
												<div class="info-pop I-error" id="div_authcode_err" style="DISPLAY: none">
													<div class="arr"></div>
													<div class="info-pop-t">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
													<div class="info-pop-c">
														<div class="cont" id="div_authcode_err_info"></div>
													</div>
													<div class="info-pop-b">
														<b class="cr-l"></b>
														<b class="cr-r"></b>
													</div>
												</div>
												<!--错误提示 End-->
											</div>
										</td>
									</tr>
								</tbody>
							</table>

							<table class="cont-tab" style="TABLE-LAYOUT: fixed" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td class="td1">&nbsp;
										</td>
										<td class="td2">
											<LABEL></LABEL>
										</td>
										<td class="td3">&nbsp;
										</td>
									</tr>
									<tr>
										<td class="td1">&nbsp;
										</td>
										<td class="td2">
											<input class="btn-submit" title="创建帐号" type="button" id="btnAdd" name="btnAdd"  runat="server" onserverclick="btnAdd_ServerClick" />
										</td>
										<td class="td3">&nbsp;
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					
				</div>
				<div class="mft"></div>
			</div>
			<div class="footer">
				VPI视点资讯 版权所有&nbsp;&copy;&nbsp;2009 - 2010
			</div>
</form>
	</body>
</html>

